const svgStart = `<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
viewBox="0 0 100 100"
version="1.1"><g>`;
const svgEnd = `</g></svg>`;

const upArrowSVG = svgStart + `<path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.195532px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 75.685627,99.4946 75.347197,54.404488 99.797843,64.146031 48.867133,-0.04885298 0.40663777,64.892147 23.207155,54.795838 l 0.33843,45.09011 z"
sodipodi:nodetypes="cccccccc" />` + svgEnd;
const downArrowSVG = svgStart + `<path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.195532px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 24.679697,0.09776622 V 45.189149 L 0.30285443,35.264368 50.75032,99.839696 99.69686,35.264246 76.821208,45.189143 V 0.09776622 Z"
sodipodi:nodetypes="cccccccc" />` + svgEnd;
const leftArrowSVG = svgStart + `<path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.195532px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 99.710792,24.30587 54.62068,24.6443 64.362223,0.19365396 0.16734307,51.124364 65.108339,99.584859 55.01203,76.784342 l 45.09011,-0.33843 z"
sodipodi:nodetypes="cccccccc" />` + svgEnd;
const rightArrowSVG = svgStart + `<path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.195532px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 0.49689686,75.469431 45.587009,75.131001 35.845466,99.581647 100.04035,48.650937 35.09935,0.19044171 45.195659,22.990959 0.10554886,23.329389 Z"
sodipodi:nodetypes="cccccccc" />` + svgEnd;
const interactSVG = svgStart + `<ellipse
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:24.8532;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
cx="50.000019"
cy="50.000023"
rx="37.573391"
ry="37.573414" />` + svgEnd;

document.querySelector("#add-action-up").innerHTML = upArrowSVG.replace(/"14"/g, '"22"');
document.querySelector("#add-action-down").innerHTML = downArrowSVG.replace(/"14"/g, '"22"');
document.querySelector("#add-action-right").innerHTML = rightArrowSVG.replace(/"14"/g, '"22"');
document.querySelector("#add-action-left").innerHTML = leftArrowSVG.replace(/"14"/g, '"22"');
document.querySelector("#add-action-interact").innerHTML = interactSVG.replace(/"14"/g, '"22"');